<template>
  <div class="container">
    <EveryDay />
    <el-row>
      <el-col :span="12"><Finance /></el-col>
      <el-col :span="12"><Student /></el-col>
    </el-row>
    <el-row>
      <el-col :span="12"><Back /></el-col>
      <el-col :span="12"> <ClassInfor /></el-col>
    </el-row>
    <el-row>
      <el-col :span="8"><Teacher /></el-col>
      <el-col :span="16"> <Education /></el-col>
    </el-row>
  </div>
</template>

<script>
import EveryDay from "./component/EveryDay.vue";
import Finance from "./component/Finance.vue";
import Student from "./component/Student.vue";
import Back from "./component/Back.vue";
import ClassInfor from "./component/ClassInfor.vue";
import Teacher from "./component/Teacher.vue";
import Education from "./component/Education.vue";
export default {
  components: {
    EveryDay,
    Finance,
    Student,
    Back,
    ClassInfor,
    Teacher,
    Education,
  },

};
</script>

<style lang = 'less' scoped>
.el-row{
  margin-top: 20px;
}
/deep/.el-main{
  width: 1166px;
  box-sizing: border-box;
  overflow: hidden;
}
.container {
  box-sizing: border-box;
  height: 100%;
}


</style>